<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>控制后台</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="../../component/pear/css/pear.css" />
		<link rel="stylesheet" href="../../admin/css/other/console1.css" />
	</head>
	<body class="pear-container">
		<div>
            <!--顶部数据-->
			<div class="layui-row layui-col-space10">
				<div class="layui-col-xs6 layui-col-md3">
					<div class="layui-card top-panel">
						<div class="layui-card-header">文章及禁用数量</div>
						<div class="layui-card-body">
							<div class="layui-row layui-col-space5">
								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="">
									<span id="value1">0</span><span style="color: #6d737b">|</span><span id="value5" style="color: red;">0</span>
								</div>
								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
									<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" width="200" height="200" t="1591462258798"
									 p-id="942" version="1.1">
										<path fill="#fcc66f" d="M 262.7 835 c -15.3 0 -28.1 -11.4 -29.8 -26.6 L 174.1 291 c -0.6 -5.1 1 -10.2 4.5 -14 s 8.3 -6 13.4 -6 h 640 c 5.1 0 10 2.2 13.4 6 s 5 8.9 4.5 14 l -58.8 517.4 c -1.7 15.2 -14.5 26.6 -29.8 26.6 H 262.7 Z"
										 p-id="943" />
										<path fill="#ffd79c" d="M 802 289 l -58.8 517.4 c -0.7 6.1 -5.8 10.6 -11.9 10.6 h 30 c 6.1 0 11.2 -4.6 11.9 -10.6 L 832 289 h -30 Z"
										 p-id="944" />
										<path fill="#f56e73" d="M 164 307 c -16.5 0 -30 -13.5 -30 -30 v -58 c 0 -16.5 13.5 -30 30 -30 h 696 c 16.5 0 30 13.5 30 30 v 58 c 0 16.5 -13.5 30 -30 30 H 164 Z"
										 p-id="945" />
										<path fill="#ffa1a8" d="M 860 207 h -30 c 6.6 0 12 5.4 12 12 v 58 c 0 6.6 -5.4 12 -12 12 h 30 c 6.6 0 12 -5.4 12 -12 v -58 c 0 -6.6 -5.4 -12 -12 -12 Z"
										 p-id="946" />
										<path fill="#65c8ff" d="M 190.9 651.5 c -31.4 0 -56.9 -25.5 -56.9 -56.9 V 219 c 0 -16.5 13.5 -30 30 -30 h 466.2 c 9.9 0 18 8.1 18 18 v 301.1 c 0 34.7 -28.2 62.9 -62.9 62.9 s -62.9 -28.2 -62.9 -62.9 V 393.5 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 68.1 c 0 29.4 -23.9 53.4 -53.4 53.4 s -53.4 -23.9 -53.4 -53.4 v -68.1 c 0 -23.2 -18.8 -42 -42 -42 s -42 18.8 -42 42 v 201.1 c 0.1 31.4 -25.4 56.9 -56.7 56.9 Z"
										 p-id="947" />
										<path fill="#b3eaff" d="M 277.8 321.5 c -33.1 0 -60 26.9 -60 60 v 201.1 c 0 21.5 -17.4 38.9 -38.9 38.9 c -7.7 0 -14.8 -2.2 -20.8 -6.1 c 6.9 10.9 19 18.1 32.8 18.1 c 21.5 0 38.9 -17.4 38.9 -38.9 V 393.5 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z M 618.3 207 v 289.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -9.3 0 -18 -2.8 -25.2 -7.7 c 8.1 11.9 21.7 19.7 37.2 19.7 c 24.8 0 44.9 -20.1 44.9 -44.9 V 207 h -12 Z M 468.5 321.5 c -33.1 0 -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -6.7 0 -12.9 -1.9 -18.3 -5.1 c 6.2 10.2 17.4 17.1 30.3 17.1 c 19.5 0 35.4 -15.8 35.4 -35.4 v -68.1 c 0 -33.1 26.9 -60 60 -60 c 13.5 0 25.9 4.5 36 12 c -11 -14.5 -28.4 -24 -48 -24 Z"
										 p-id="948" />
										<path fill="#453b56" d="M 698 729.4 m -18 0 a 18 18 0 1 0 36 0 a 18 18 0 1 0 -36 0 Z" p-id="949" />
										<path fill="#453b56" d="M 860 171 H 632.5 v 0.1 c -0.7 0 -1.5 -0.1 -2.2 -0.1 H 164 c -26.5 0 -48 21.5 -48 48 v 375.6 c 0 41.3 33.6 74.9 74.9 74.9 c 2.7 0 5.4 -0.2 8.1 -0.5 l 16 141.4 c 2.8 24.3 23.3 42.6 47.7 42.6 h 498.6 c 24.4 0 44.9 -18.3 47.7 -42.6 l 55.2 -485.6 c 24.5 -2.1 43.8 -22.7 43.8 -47.8 v -58 c 0 -26.5 -21.5 -48 -48 -48 Z M 190.9 633.5 c -21.5 0 -38.9 -17.4 -38.9 -38.9 V 219 c 0 -6.6 5.4 -12 12 -12 h 466.3 v 301.1 c 0 24.8 -20.1 44.9 -44.9 44.9 c -24.8 0 -44.9 -20.1 -44.9 -44.9 V 393.5 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 68.1 c 0 19.5 -15.8 35.4 -35.4 35.4 c -19.5 0 -35.4 -15.8 -35.4 -35.4 v -68.1 c 0 -33.1 -26.9 -60 -60 -60 s -60 26.9 -60 60 v 201.1 c 0.1 21.5 -17.4 38.9 -38.8 38.9 Z m 582.3 172.9 c -0.7 6.1 -5.8 10.6 -11.9 10.6 H 262.7 c -6.1 0 -11.2 -4.6 -11.9 -10.6 l -6.7 -59 h 396.6 c 9.9 0 18 -8.1 18 -18 s -8.1 -18 -18 -18 H 240 l -6.3 -55.4 c 19.3 -13.6 32.1 -36 32.1 -61.3 V 393.5 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 68.1 c 0 39.4 32 71.4 71.4 71.4 s 71.4 -32 71.4 -71.4 v -68.1 c 0 -13.2 10.8 -24 24 -24 s 24 10.8 24 24 v 114.6 c 0 44.6 36.3 80.9 80.9 80.9 c 44.6 0 80.9 -36.3 80.9 -80.9 V 325 h 161.7 l -54.9 481.4 Z M 872 277 c 0 6.6 -5.4 12 -12 12 H 666.3 v -82 H 860 c 6.6 0 12 5.4 12 12 v 58 Z"
										 p-id="950" /></svg>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-xs6 layui-col-md3">
					<div class="layui-card top-panel">
						<div class="layui-card-header">用户及禁用数量</div>
						<div class="layui-card-body">
							<div class="layui-row layui-col-space5">
								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;">
                                    <span id="value2">0</span><span style="color: #6d737b">|</span><span id="value6" style="color: red;">0</span>
								</div>
								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
									<svg t="1591462430908" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
									 p-id="3170" width="200" height="200">
										<path d="M532 784.2c0 24.4-19.8 44.3-44.3 44.3s-44.3-19.8-44.3-44.3c0-24.4 44.3-80.3 44.3-80.3s44.3 55.8 44.3 80.3zM766 784.2c0 24.4 19.8 44.3 44.3 44.3 24.4 0 44.3-19.8 44.3-44.3 0-24.4-44.3-80.3-44.3-80.3S766 759.7 766 784.2z"
										 fill="#97DCFF" p-id="3171"></path>
										<path d="M123.5 471.3c-9.9 0-18-8.1-18-18v-302c0-9.9 8.1-18 18-18h58c9.9 0 18 8.1 18 18v302c0 9.9-8.1 18-18 18h-58z"
										 fill="#FCC66F" p-id="3172"></path>
										<path d="M181.5 151.3v302h-58v-302h58m0-36h-58c-19.9 0-36 16.1-36 36v302c0 19.9 16.1 36 36 36h58c19.9 0 36-16.1 36-36v-302c0-19.8-16.1-36-36-36z"
										 fill="#453B56" p-id="3173"></path>
										<path d="M266.4 210.7m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3174"></path>
										<path d="M430.8 641.1c-9.9 0-18-8.1-18-18v-21.6c0-130.3 106-236.3 236.3-236.3s236.3 106 236.3 236.3v21.6c0 9.9-8.1 18-18 18H430.8z"
										 fill="#FCC66F" p-id="3175"></path>
										<path d="M649 383.2c-5 0-10 0.2-15 0.6 113.5 7.7 203.3 102.2 203.3 217.7v21.6h30v-21.6c0-120.6-97.7-218.3-218.3-218.3z"
										 fill="#FFD79C" p-id="3176"></path>
										<path d="M419.6 694.4c-22.1 0-40.1-18-40.1-40.1s18-40.1 40.1-40.1h458.8c22.1 0 40.1 18 40.1 40.1s-18 40.1-40.1 40.1H419.6z"
										 fill="#F56E73" p-id="3177"></path>
										<path d="M878.4 632.3h-30c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1h30c12.2 0 22.1-9.9 22.1-22.1s-9.9-22.1-22.1-22.1z"
										 fill="#FFA1A8" p-id="3178"></path>
										<path d="M693.3 846.4c0 24.4-19.8 44.3-44.3 44.3-24.4 0-44.3-19.8-44.3-44.3s44.3-80.3 44.3-80.3 44.3 55.9 44.3 80.3z"
										 fill="#97DCFF" p-id="3179"></path>
										<path d="M649 908.7c-34.3 0-62.3-27.9-62.3-62.3 0-28.5 36.9-77.2 48.1-91.4 3.4-4.3 8.6-6.8 14.1-6.8s10.7 2.5 14.1 6.8c11.3 14.2 48.1 62.9 48.1 91.4 0.2 34.3-27.8 62.3-62.1 62.3z m0-112.3c-14.1 20.4-26.3 41.9-26.3 50 0 14.5 11.8 26.3 26.3 26.3s26.3-11.8 26.3-26.3c0-8.1-12.1-29.6-26.3-50z"
										 fill="#453B56" p-id="3180"></path>
										<path d="M903.3 601.9v-0.5c0-134.1-104.4-244.3-236.3-253.6v-30.7c0-68.7-55.9-124.6-124.6-124.6H326.5c-9.9 0-18 8.1-18 18s8.1 18 18 18h215.9c48.8 0 88.6 39.7 88.6 88.6v30.7c-131.8 9.3-236.3 119.4-236.3 253.6v0.5c-19.6 9.3-33.2 29.3-33.2 52.4 0 32 26 58.1 58.1 58.1H459c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.2-27.9 62.2-62.3 0-20.3-18.6-50.7-33.5-71.8h264.9c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.3-27.9 62.3-62.3 0-20.3-18.6-50.7-33.5-71.8h39.4c32 0 58.1-26 58.1-58.1 0-23.1-13.6-43-33.2-52.4zM487.8 810.4c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.2 41.9 26.2 50 0 14.5-11.8 26.3-26.2 26.3z m322.5 0c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.3 41.9 26.3 50-0.1 14.5-11.9 26.3-26.3 26.3zM649 383.2c118.8 0 215.4 94.9 218.1 213.1H430.9c2.8-118.1 99.3-213.1 218.1-213.1z m251.5 271.1c0 12.2-9.9 22.1-22.1 22.1H419.6c-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1h458.8c12.2 0.1 22.1 10 22.1 22.1z"
										 fill="#453B56" p-id="3181"></path>
									</svg>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-xs6 layui-col-md3">
					<div class="layui-card top-panel">
						<div class="layui-card-header">文章浏览总数</div>
						<div class="layui-card-body">
							<div class="layui-row layui-col-space5">
								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
									0
								</div>
								<div class="layui-col-xs4 layui-col-md4  top-panel-tips">
									<svg t="1591462464512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
									 p-id="3311" width="200" height="200">
										<path d="M750.4 216.5h-130v-15.3c0-32.9-26.8-59.7-59.7-59.7h-97.3c-32.9 0-59.7 26.8-59.7 59.7v15.3h-130c-30.7 0-55.6 25-55.6 55.6v72.4c0 9.9 8.1 18 18 18h31.5v478c0 23.2 18.8 42 42 42h405c23.2 0 42-18.8 42-42v-478H788c9.9 0 18-8.1 18-18v-72.4c0-30.6-25-55.6-55.6-55.6z"
										 fill="#FCC66F" p-id="3312"></path>
										<path d="M708.5 344.5v496c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24v-496h-30z" fill="#FFD79C" p-id="3313"></path>
										<path d="M309.5 882.5c-23.2 0-42-18.8-42-42V596c0-9.9 8.1-18 18-18h36.8c30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-49.6zM664.9 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8h36.8c9.9 0 18 8.1 18 18v244.5c0 23.2-18.8 42-42 42h-49.6z"
										 fill="#F56E73" p-id="3314"></path>
										<path d="M708.5 596v244.5c0 13.3-10.7 24-24 24h30c13.3 0 24-10.7 24-24V596h-30z" fill="#FFA1A8" p-id="3315"></path>
										<path d="M475.2 882.5c-9.9 0-18-8.1-18-18V632.8c0-30.2 24.6-54.8 54.8-54.8 30.2 0 54.8 24.6 54.8 54.8v231.7c0 9.9-8.1 18-18 18h-73.6z"
										 fill="#F56E73" p-id="3316"></path>
										<path d="M560.7 159.5h-18c23 0 41.7 18.7 41.7 41.7V221h18v-19.8c-0.1-23-18.7-41.7-41.7-41.7zM750.4 234.5h-30c20.8 0 37.6 16.8 37.6 37.6v72.4h30v-72.4c0-20.8-16.8-37.6-37.6-37.6z"
										 fill="#FFD79C" p-id="3317"></path>
										<path d="M750.4 198.5H638.2c-1.4-41.6-35.6-75-77.5-75h-97.3c-41.9 0-76.1 33.4-77.5 75H273.6c-40.6 0-73.6 33-73.6 73.6v72.4c0 19.9 16.1 36 36 36h13.5v460c0 33.1 26.9 60 60 60H714.7c33.1 0 60-26.9 60-60v-460H788c19.9 0 36-16.1 36-36v-72.4c0-40.6-33-73.6-73.6-73.6z m-287.1-39h97.3c22.1 0 40.2 17.2 41.5 39H421.8c1.4-21.8 19.4-39 41.5-39z m-104.2 705h-49.6c-13.3 0-24-10.7-24-24V596h36.8c20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7 0h-73.6V632.8c0-20.3 16.5-36.8 36.8-36.8 20.3 0 36.8 16.5 36.8 36.8v231.7z m189.7-24c0 13.3-10.7 24-24 24h-49.6V632.8c0-20.3 16.5-36.8 36.8-36.8h36.8v244.5z m0-280.5h-36.8c-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8-40.1 0-72.8 32.6-72.8 72.8v231.7h-44.2V632.8c0-40.1-32.6-72.8-72.8-72.8h-36.8v-74.5h279c9.9 0 18-8.1 18-18s-8.1-18-18-18h-279v-69h453V560zM788 344.5H236v-72.4c0-20.8 16.8-37.6 37.6-37.6h476.8c20.8 0 37.6 16.8 37.6 37.6v72.4z"
										 fill="#453B56" p-id="3318"></path>
										<path d="M621.8 467.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3319"></path>
									</svg>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-xs6 layui-col-md3">
					<div class="layui-card top-panel">
						<div class="layui-card-header">评论、留言总数</div>
						<div class="layui-card-body">
							<div class="layui-row layui-col-space5">
								<div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
									0
								</div>
								<div class="layui-col-xs4 layui-col-md4 top-panel-tips">
									<svg t="1591462491887" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
									 p-id="3449" width="200" height="200">
										<path d="M363.2 807c-9.9 0-18-8.1-18-18v-75.5c0-9.9 8.1-18 18-18h108.5c9.9 0 18 8.1 18 18V789c0 9.9-8.1 18-18 18H363.2z"
										 fill="#F56E73" p-id="3450"></path>
										<path d="M441.7 713.5h30V789h-30z" fill="#FFA1A8" p-id="3451"></path>
										<path d="M259.6 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2zM525.1 398c-9.9 0-18-8.1-18-18V178.6c0-23.8 19.3-43.1 43.1-43.1s43.1 19.3 43.1 43.1V380c0 9.9-8.1 18-18 18h-50.2z"
										 fill="#65C8FF" p-id="3452"></path>
										<path d="M550.2 153.5c-3.2 0-6.2 0.7-9 1.7 9.4 3.6 16.1 12.7 16.1 23.4V380h18V178.6c0.1-13.9-11.2-25.1-25.1-25.1z"
										 fill="#97DCFF" p-id="3453"></path>
										<path d="M686 330.5H149c-9.9 0-18 8.1-18 18v63c0 9.9 8.1 18 18 18h33.2l45 225c8.7 43.4 47.1 75 91.4 75h197.6c44.3 0 82.7-31.5 91.4-75l45-225H686c9.9 0 18-8.1 18-18v-63c0-9.9-8.1-18-18-18z"
										 fill="#FCC66F" p-id="3454"></path>
										<path d="M608 411.5L560.1 651c-7 35.2-37.9 60.5-73.8 60.5h30c35.9 0 66.7-25.3 73.8-60.5L638 411.5h-30zM656 348.5h30v63h-30z"
										 fill="#FFD79C" p-id="3455"></path>
										<path d="M474.2 543.5m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3456"></path>
										<path d="M416.9 525.5h-125c-9.9 0-18 8.1-18 18s8.1 18 18 18h125c9.9 0 18-8.1 18-18s-8.1-18-18-18zM893 543.5h-33.4c-65.2 0-118.2 53-118.2 118.2v19.6c0 9.9 8.1 18 18 18s18-8.1 18-18v-19.6c0-45.3 36.9-82.2 82.2-82.2H893c9.9 0 18-8.1 18-18s-8-18-18-18zM772.2 744.2c7-7 7-18.4 0-25.5-7-7-18.4-7-25.5 0s-7 18.4 0 25.5 18.4 7.1 25.5 0z"
										 fill="#453B56" p-id="3457"></path>
										<path d="M759.5 761.6c-9.9 0-18 8.1-18 18v11.6c0 43.7-35.6 79.3-79.3 79.3H487.3c-26.4 0-48.3-19.9-51.4-45.5h35.8c19.9 0 36-16.1 36-36v-41.5h8.6c52.8 0 98.7-37.6 109.1-89.4l42.1-210.6H686c19.9 0 36-16.1 36-36v-63c0-19.9-16.1-36-36-36h-74.6V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H345.9V178.6c0-33.7-27.4-61.1-61.1-61.1s-61.1 27.4-61.1 61.1v133.9H149c-19.9 0-36 16.1-36 36v63c0 19.9 16.1 36 36 36h18.5l42.1 210.6c10.4 51.8 56.2 89.4 109.1 89.4h8.6V789c0 19.9 16.1 36 36 36h36.6c3.3 45.5 41.2 81.5 87.5 81.5h174.8c63.6 0 115.3-51.7 115.3-115.3v-11.6c0-10-8.1-18-18-18z m-234.4-583c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9H525V178.6z m-265.5 0c0-13.9 11.2-25.1 25.1-25.1s25.1 11.2 25.1 25.1v133.9h-50.3V178.6zM149 411.5v-63h537v63H149z m169.7 300c-35.9 0-66.7-25.3-73.8-60.5l-40.7-203.5h426.6L590.1 651c-7 35.2-37.9 60.5-73.8 60.5H318.7z m44.5 77.5v-41.5h108.5V789H363.2z"
										 fill="#453B56" p-id="3458"></path>
									</svg>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

            <!--折线图及系统信息-->
			<div class="layui-row layui-col-space10">
				<div class="layui-col-md6">

                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                                <div id="echarts-records2" style="background-color:#ffffff;min-height:335px;padding: 10px"></div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-tab custom-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                                <div id="echarts-records" style="background-color:#ffffff;min-height:334px;padding: 10px"></div>
                            </div>
                        </div>
                    </div>

				</div>

                <!--系统信息-->
				<div class="layui-col-md6">
                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md6">
                            <div class="layui-card">
                                <div class="layui-card-header">CPU</div>
                                <div class="layui-card-body">
                                    <div id="line4" style="min-height:150px;"></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-card" style="min-height:215px;">
                                <div class="layui-card-header" id="memTotal">內存</div>
                                <div class="layui-card-body">
                                    <div id="mem" style="min-height:150px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md6">
                            <div class="layui-card" style="min-height:215px;">
                                <div class="layui-card-header" id="jvmTotal">JVM</div>
                                <div class="layui-card-body">
                                    <ul class="list">
                                        <li class="list-item"><span class="title jvmVersion">版本</span><span class="footer" id="jvmVersion"></span></li>
                                        <li class="list-item"><span class="title jvmRunTime">运行时间</span><span class="footer" id="jvmRunTime"></span></li>
                                        <li class="list-item"><span class="title jvmUsage">内存（）使用率</span><span class="footer" id="jvmUsage"></span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md6">
                            <div class="layui-card" style="min-height:215px;">
                                <div class="layui-card-header" id="computerName">服务器</div>
                                <div class="layui-card-body">
                                    <ul class="list">
                                        <li class="list-item"><span class="title osName">操作系统</span><span class="footer" id="osName"></span></li>
                                        <li class="list-item"><span class="title osArch">系统架构</span><span class="footer" id="osArch"></span></li>
                                        <li class="list-item"><span class="title userDir">项目路径</span><span class="footer" id="userDir"></span></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="layui-row layui-col-space10">
                        <div class="layui-col-md12">
                            <div class="layui-card" style="min-height:312px;">
                                <div class="layui-card-header">磁盘信息</div>
                                <div class="layui-card-body">
                                    <table id="user-table" lay-filter="user-table"></table>
                                </div>
                            </div>
                        </div>
                    </div>
				</div>
			</div>

            <!--其它统计-->
            <div class="layui-row layui-col-space10">
                <div class="layui-col-md9">
                    <div class="layui-card">
                        <div class="layui-card-header">最近评论</div>
                        <div class="layui-card-body">
                            <dl class="layuiadmin-card-status" id="comment">
                                <dd>
                                    <div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
                                                                                              src="../../admin/images/avatar.jpg"></a></div>
                                    <div>
                                        <p>七彩枫叶 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 回答问题</p>
                                        <span>几秒前</span>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
                                                                                              src="../../admin/images/avatar.jpg"></a></div>
                                    <div>
                                        <p>简 在 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin 专区</a> 进行了 <a
                                                class="pear-text" lay-href="http://fly.layui.com/vipclub/list/layuiadmin/column/quiz/">提问</a></p>
                                        <span>2天前</span>
                                    </div>
                                </dd>
                                <dd>
                                    <div class="layui-status-img"><a href="javascript:;"><img style="width: 32px;height: 32px;border-radius: 50px;"
                                                                                              src="../../admin/images/avatar.jpg"></a></div>
                                    <div>
                                        <p>恒宇少年 将 <a class="pear-text" lay-href="https://gitee.com/Jmysy/Pear-Admin-Layui">Pear Admin </a> 更新至 2.3.0
                                            版本</p>
                                        <span>7天前</span>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card">
                        <div class="layui-card-header">
                            链接
                        </div>
                        <div class="layui-card-body">
                            <a target="_blank" href="http://43.138.225.40/tgyBlog/blog/" class="pear-btn pear-btn-primary  layui-btn-fluid" style="margin-top: 8px;height: 50px;line-height: 50px;">首
                                页</a>
                            <br />
                            <!--<a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Layui" class="pear-btn pear-btn-warming  layui-btn-fluid"
                               style="margin-top: 8px;height: 50px;line-height: 50px;">下 载</a>
                            <br />
                            <a target="_blank" href="https://gitee.com/pear-admin/Pear-Admin-Boot" class="pear-btn pear-btn-danger  layui-btn-fluid"
                               style="margin-top: 8px;height: 50px;line-height: 50px;">后 端</a>-->
                        </div>
                    </div>
                    <div class="layui-card">
                        <div class="layui-card-header">
                            寄语
                        </div>
                        <div class="layui-card-body" style="line-height:40px;">
                            原想将澎湃的爱平平稳稳放置你手心，奈何我徒有一股蛮劲，只顾向你跑去，一个不稳跌的满身脏兮兮。试图爬起的我，
                            心想你会不会笑我 " 献爱献的这样笨拙, 怎么不知避开爱里的埋伏 "
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<!--</div>-->
        <script type="text/html" id="percent">
            {{d.}}
        </script>
		<script src="../../component/layui/layui.js"></script>
		<script src="../../component/pear/pear.js"></script>
        <script src="../../js/baseUrl.js"></script>
        <script src="../../js/cookieUtils.js"></script>
        <script src="../../component/pear/module/ajaxRequest.js"></script>
        <script src="../../js/jquery-3.2.1.min.js"></script>
        <script src="../../js/permission.js"></script>

<!--        <script src="../echarts/script/line4.js"></script>-->
		<script>
			layui.use(['layer', 'echarts', 'element', 'count', 'ajaxRequest', 'table'], function() {
				var $ = layui.jquery,
					layer = layui.layer,
					element = layui.element,
					count = layui.count,
					echarts = layui.echarts,
                    table = layui.table,
                    ajaxRequest = layui.ajaxRequest;

				// 记录定时任务请求失败次数
				var interval = 0;

                var echartsRecords1;
                var echartsRecords2;
                var echartsRecords3;
                var echartsRecords4;

                // echartsRecords1的数据
                // var xData = ['2022-07-27 17:09:23', '2022-07-27 17:09:23', '2022-07-27 17:09:23','2022-07-27 17:10:23','2022-07-27 17:10:23'];
                // var yData1 = [ 1, 2, 3, 3, 5];
                // var yData2 = [ 9, 5, 7, 8, 6];
                var xData = [];
                var yData1 = [];
                var yData2 = [];

                // echartsRecords2的数据
                var memData = [];
                var memTitle = "";

				$(function () {
                    // 加载上方数量统计
                    initValue();

                    // 加载系统数据信息
                    $.ajax({
                        url:baseUrl + "/admin/systemInfo/getSystemInfo",
                        data:{},
                        type:"GET",
                        async:true,
                        success:function (res) {
                            var data = res.data;

                            // 添加sessionStorage
                            // window.sessionStorage.setItem("articleWhere",s);
                            //获取sessionStorage中url地址
                            // var oldUrl = window.sessionStorage.getItem(oldUrl);
                            //删除
                            // window.sessionStorage.removeItem(oldUrl);
                            //清空
                            // window.sessionStorage.clear();

                            // 加载CPU
                            xData.push(data.time);
                            yData1.push(data.cpu.sys);
                            yData2.push(data.cpu.used);
                            initEcharts1();

                            // 加载内存
                            $("#memTotal").html("內存："+data.mem.total+"G");
                            getMemData(data);
                            initEcharts2();

                            // 加载盘符表格
                            initTable(data.sysFiles);

                            // 加载JVM和服务器
                            initJVM(data);
                        },
                        error:function (res) {

                        }
                    });

                    // 加载最活跃用户top5
                    initEcharts3();

                    // 最受欢迎文章top5
                    initEchats4();

                    // 加载最近留言
                    getRecentlyComment();

                    window.onresize = function() {
                        echartsRecords1.resize();
                        echartsRecords2.resize();
                        echartsRecords3.resize();
                        echartsRecords4.resize();
                    };

                    // 定时任务取系统的状态
                    var t = setInterval(function () {

                        $.ajax({
                            url:baseUrl + "/admin/systemInfo/getSystemInfo",
                            data:{},
                            type:"GET",
                            async:true,
                            success:function (res) {
                                if(res.status != 200){
                                    interval++;
                                    if (interval == 3) {
                                        clearInterval(t);
                                    }
                                    return;
                                }
                                interval = 0;
                                // CPU追加折线图
                                var data = res.data;
                                if (xData.length >= 5) {
                                    xData.shift();
                                    yData1.shift();
                                    yData2.shift();
                                }
                                xData.push(data.time);
                                yData1.push(data.cpu.sys);
                                yData2.push(data.cpu.used);
                                echartsRecords1.setOption({
                                    xAxis: {data: xData},
                                    series: [{data: yData1}, {data: yData2}]
                                });

                                // 内存饼图变化
                                memData.length = 0;
                                getMemData(data);
                                echartsRecords2.setOption({
                                    title: [{text: memTitle}],
                                    series: [{data: memData}]
                                });

                                // 加载盘符表格
                                initTable(data.sysFiles);

                                // 加载JVM和服务器
                                initJVM(data);
                            },
                            error:function (res) {
                                interval++;
                                if (interval == 3) {
                                    clearInterval(t);
                                }
                            }
                        });

                    }, 5000);
                });

                function initValue(){

                    $.ajax({
                        url:baseUrl + "/admin/statistics/getStatisticsNumber",
                        data:{},
                        type:"GET",
                        async:true,
                        success:function (res) {
                            var data = res.data;

                            count.up("value1", {
                                time: 4000,
                                num: data.articleNumber,
                                bit: 2,
                                regulator: 50
                            });
                            count.up("value5", {
                                time: 4000,
                                num: data.errorArticleNumber,
                                bit: 2,
                                regulator: 50
                            });

                            count.up("value2", {
                                time: 4000,
                                num: data.userNumber,
                                bit: 2,
                                regulator: 50
                            });
                            count.up("value6", {
                                time: 4000,
                                num: data.errorUserNumber,
                                bit: 2,
                                regulator: 50
                            });

                            count.up("value3", {
                                time: 4000,
                                num: data.articleWatchNumber,
                                bit: 2,
                                regulator: 50
                            });

                            count.up("value4", {
                                time: 4000,
                                bit: 2,
                                num: data.commentNumber,
                                regulator: 50
                            })

                        },
                        error:function (res) {

                        }
                    });
                }

                function initTable(data){
                    let cols = [
                        [
                            /*{
                                title: '盘符路径',
                                field: 'dirName',
                                align: 'center',
                                width: 200
                            },*/
                            /*{
                                title: '盘符类型',
                                field: 'sysTypeName',
                                align: 'center',
                                width: 100,
                            },*/
                            {
                                title: '盘符名称',
                                field: 'typeName',
                                align: 'center'
                            },
                            {
                                title: '总大小',
                                field: 'total',
                                align: 'center'
                            },
                            {
                                title: '剩余',
                                field: 'free',
                                align: 'center'
                            },
                            {
                                title: '使用量',
                                field: 'used',
                                align: 'center',
                            },
                            {
                                title: '使用率',
                                field: 'usage',
                                align: 'center',
                                templet: function (d) {
                                    return d.usage+'%';
                                }
                            }
                        ]
                    ]
                    var tableName = table.render({
                        elem: '#user-table',
                        // url: baseUrl + "/admin/article/getArticleList",
                        // url: '../../admin/data/table.json',
                        data: data,
                        page: false,
                        cols: cols,
                        skin: 'line',
                        defaultToolbar: [{
                            layEvent: 'refresh',
                            icon: 'layui-icon-refresh',
                        }, 'filter', 'print', 'exports'],
                        done: function(res, curr, count) {
                            // 添加权限验证
                            // validaPermission();
                            // 添加角色验证
                            // validaRole();
                        }
                    });
                }

                function initJVM(data) {
                    $("#jvmTotal").html("JVM："+data.jvm.max+"M");
                    $("#jvmVersion").html(data.jvm.version);
                    $("#jvmRunTime").html(data.jvm.runTime);
                    $(".jvmUsage").html("内存（"+data.jvm.total+"）使用率");
                    $("#jvmUsage").html(data.jvm.usage+"%");

                    $("#computerName").html("服务器："+data.sys.computerName);
                    $("#osName").html(data.sys.osName);
                    $("#osArch").html(data.sys.osArch);
                    $("#userDir").html(data.sys.userDir);
                }

                // 加载最近留言
                function getRecentlyComment(){
                    var res = ajaxRequest.sendGet("/blog/article/getRecentlyComment",{},false,false);
                    var html = "";
                    if (res) {
                        $.each(res.data,function(index,element){
                            html = html +"<dd>\n" +
                                "                                    <div class=\"layui-status-img\"><a href=\"javascript:;\"><img style=\"width: 32px;height: 32px;border-radius: 50px;\"\n" +
                                "                                                                                              src=\""+element.headPortrait+"\"></a></div>\n" +
                                "                                    <div>\n" +
                                "                                        <p>"+element.nickname+"： " +
                                "                                            "+element.content+"</p>\n" +
                                "                                        <span>"+element.commentDate+"</span>\n" +
                                "                                    </div>\n" +
                                "                                </dd>";
                        });
                        $("#comment").html(html);
                    }
                }

                function initEcharts1() {
                    echartsRecords1 = echarts.init(document.getElementById('line4'));
                    const colorList = ["#9E87FF", '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']
                    option = {
                        /*title: {
                            text: '用电量'
                        },*/
                        tooltip: {
                            trigger: 'axis'
                        },
                        /*legend: {
                            data: ['2018', '2019']
                        },*/
                        grid: {
                            top: '12%',
                            left: '3%',
                            right: '7%',
                            bottom: '3%',
                            containLabel: true
                        },
                        /*toolbox: {
                            feature: {
                                saveAsImage: {}
                            }
                        },*/
                        xAxis: {
                            type: 'category',
                            boundaryGap: false,//坐标轴两边留白
                            data: xData,
                            axisLabel: { //坐标轴刻度标签的相关设置。
                                interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                                //	margin:15,
                                textStyle: {
                                    color: '#1B253A',
                                    fontStyle: 'normal',
                                    fontFamily: '微软雅黑',
                                    fontSize: 12,
                                },
                                formatter:function(params) {
                                    var newParamsName = "";
                                    var paramsNameNumber = params.length;
                                    params = params.substring(paramsNameNumber-8,paramsNameNumber-3);
                                    var provideNumber = 5;  //一行显示几个字
                                    var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                                    if (paramsNameNumber > provideNumber) {
                                        for (var p = 0; p < rowNumber; p++) {
                                            var tempStr = "";
                                            var start = p * provideNumber;
                                            var end = start + provideNumber;
                                            if (p == rowNumber - 1) {
                                                tempStr = params.substring(start, paramsNameNumber);
                                            } else {
                                                tempStr = params.substring(start, end) + "\n";
                                            }
                                            newParamsName += tempStr;
                                        }

                                    } else {
                                        newParamsName = params;
                                    }
                                    return newParamsName
                                },
                                //rotate:50,
                            },
                            axisTick:{//坐标轴刻度相关设置。
                                show: false,
                            },
                            axisLine:{//坐标轴轴线相关设置
                                lineStyle:{
                                    color:'#E5E9ED',
                                    // opacity:0.2
                                }
                            },
                            splitLine: { //坐标轴在 grid 区域中的分隔线。
                                show: true,
                                lineStyle: {
                                    color: '#E5E9ED',
                                    // 	opacity:0.1
                                }
                            }
                        },
                        yAxis: [
                            {
                                type: 'value',
                                splitNumber: 1,
                                axisLabel: {
                                    textStyle: {
                                        color: '#a8aab0',
                                        fontStyle: 'normal',
                                        fontFamily: '微软雅黑',
                                        fontSize: 12,
                                    }
                                },
                                axisLine:{
                                    show: false
                                },
                                axisTick:{
                                    show: false
                                },
                                splitLine: {
                                    show: true,
                                    lineStyle: {
                                        color: '#E5E9ED',
                                        // 	opacity:0.1
                                    }
                                }

                            }
                        ],
                        series: [
                            {
                                name: '系统占比',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                        color:'#3A84FF',
                                        lineStyle: {
                                            color: "#3A84FF",
                                            width:1
                                        },
                                        areaStyle: {
                                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                                offset: 0,
                                                color: 'rgba(58,132,255,0)'
                                            }, {
                                                offset: 1,
                                                color: 'rgba(58,132,255,0.35)'
                                            }]),
                                        }
                                    }
                                },
                                data: yData1
                            },
                            {
                                name: '用户占比',
                                type: 'line',
                                itemStyle: {
                                    normal: {
                                        color:'rgba(255,80,124,1)',
                                        lineStyle: {
                                            color: "rgba(255,80,124,1)",
                                            width:1
                                        },
                                        areaStyle: {
                                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                                offset: 0,
                                                color: 'rgba(255,80,124,0)'
                                            }, {
                                                offset: 1,
                                                color: 'rgba(255,80,124,0.35)'
                                            }]),
                                        }
                                    }
                                },
                                data: yData2
                            }
                        ]
                    };
                    echartsRecords1.setOption(option);
                }

                // 获取内存饼图数据
                function getMemData(data) {
                    memTitle = '{val|' + data.mem.usage + '%' + '}';
                    var a = new Object();
                    var b = new Object();
                    a.value= data.mem.used;
                    a.name = "占用";
                    b.value= data.mem.free;
                    b.name = "剩余";
                    memData.push(a);
                    memData.push(b);
                }
                function initEcharts2() {
                    echartsRecords2 = echarts.init(document.getElementById('mem'), 'walden');
                    var option2 = {
                        tooltip: {
                            trigger: 'item'
                        },
                        /*legend: {
                          top: '5%',
                          left: 'center'
                        },*/
                        title: [{
                            text: memTitle,
                            top: 'center',
                            left: 'center',
                            textStyle: {
                                rich: {
                                    val: {
                                        fontSize: 14,
                                        fontWeight: 'bold',
                                        color: '#dabc96',
                                    }
                                }
                            }
                        }],
                        series: [
                            {
                                name: '内存',
                                type: 'pie',
                                radius: ['40%', '70%'],
                                avoidLabelOverlap: false,
                                hoverAnimation: false,
                                label: {
                                    show: false,
                                    position: 'center'
                                },
                                emphasis: {
                                    label: {
                                        show: false,
                                        fontSize: '40',
                                        fontWeight: 'bold'
                                    }
                                },
                                labelLine: {
                                    show: false
                                },
                                data: memData
                            }
                        ]
                        ,color: [new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: "#FC6679 " },
                            { offset: 1, color: "#FDC581 " }
                        ]),
                            new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: "#7FC268" },
                                { offset: 1, color: "#0BBBB7" }
                            ]),
                            new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: "#FC6679" },
                                { offset: 1, color: "#FDC581" }
                            ])
                            /*new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: "#02CEFC" },
                                { offset: 1, color: "#0272ED" }
                            ]),
                            new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: "#AF3ADB" },
                                { offset: 1, color: "#4E65DD" }
                            ]),
                            new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                { offset: 0, color: "#E7B115" },
                                { offset: 1, color: "#F5814C" }
                            ])*/
                        ]
                    };
                    echartsRecords2.setOption(option2);
                }

                function initEcharts3() {
                    echartsRecords3 = echarts.init(document.getElementById('echarts-records'), 'walden');
                    var res = ajaxRequest.sendGet("/admin/statistics/getUserTopTen",{},false,false);
                    if (res) {
                        var option3 = {
                            backgroundColor: '#ffffff',
                            title: {
                                text: '最活跃用户top5',
                                left: 'center',
                                top: 2,
                                textStyle: {
                                    fontSize: 20
                                },
                            },
                            color: ['#fed46b','#2194ff' ],
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                                }
                            },
                            grid: {
                                left: '3%',
                                right: '4%',
                                bottom: '10%',
                                containLabel: true
                            },
                            legend: {
                                left: 'center',
                                bottom: '2%',
                                data: ['评论数量']
                            },
                            xAxis: [{
                                type: 'category',
                                data: res.data.xData,
                                axisLabel: { //坐标轴刻度标签的相关设置。
                                    interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                                    //	margin:15,
                                    textStyle: {
                                        color: '#1B253A',
                                        fontStyle: 'normal',
                                        fontFamily: '微软雅黑',
                                        fontSize: 12,
                                    },
                                    formatter:function(params) {
                                        var newParamsName = "";
                                        var paramsNameNumber = params.length;
                                        var provideNumber = 4;  //一行显示几个字
                                        var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                                        if (paramsNameNumber > provideNumber) {
                                            for (var p = 0; p < rowNumber; p++) {
                                                var tempStr = "";
                                                var start = p * provideNumber;
                                                var end = start + provideNumber;
                                                if (p == rowNumber - 1) {
                                                    tempStr = params.substring(start, paramsNameNumber);
                                                } else {
                                                    tempStr = params.substring(start, end) + "\n";
                                                }
                                                newParamsName += tempStr;
                                            }

                                        } else {
                                            newParamsName = params;
                                        }
                                        return newParamsName
                                    },
                                    //rotate:50,
                                },
                                axisTick: {
                                    alignWithLabel: true
                                }
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            barMaxWidth: '30',
                            label:{
                                show:true,
                                position:'top',
                                formatter:function(params){
                                    // return params.value+'%'
                                    return params.value
                                }
                            },
                            series: [

                                {
                                    name: '评论数量',
                                    type: 'bar',
                                    data: res.data.yData
                                }
                            ]
                        };
                        echartsRecords3.setOption(option3);
                    }

                }

                function initEchats4() {
                    echartsRecords4 = echarts.init(document.getElementById('echarts-records2'));

                    var res = ajaxRequest.sendGet("/admin/statistics/getArticleTopTen",{},false,false);
                    if (res) {
                        var option4 = {
                            backgroundColor: '#ffffff',
                            title: {
                                text: '最受欢迎文章top5',
                                left: 'center',
                                top: 2,
                                textStyle: {
                                    fontSize: 20
                                },
                            },
                            color: ['#2194ff','#fed46b' ],
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                                }
                            },
                            grid: {
                                left: '3%',
                                right: '4%',
                                bottom: '10%',
                                containLabel: true
                            },
                            legend: {
                                left: 'center',
                                bottom: '2%',
                                data: ['文章观看量']
                            },
                            xAxis: [{
                                type: 'category',
                                data: res.data.xData,
                                axisLabel: { //坐标轴刻度标签的相关设置。
                                    interval: 0,//设置为 1，表示『隔一个标签显示一个标签』
                                    //	margin:15,
                                    textStyle: {
                                        color: '#1B253A',
                                        fontStyle: 'normal',
                                        fontFamily: '微软雅黑',
                                        fontSize: 12,
                                    },
                                    formatter:function(params) {
                                        var newParamsName = "";
                                        var paramsNameNumber = params.length > 10 ? 10 : params.length;
                                        params = params.substring(0,paramsNameNumber);
                                        var provideNumber = 5;  //一行显示几个字
                                        var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                                        if (paramsNameNumber > provideNumber) {
                                            for (var p = 0; p < rowNumber; p++) {
                                                var tempStr = "";
                                                var start = p * provideNumber;
                                                var end = start + provideNumber;
                                                if (p == rowNumber - 1) {
                                                    tempStr = params.substring(start, paramsNameNumber);
                                                } else {
                                                    tempStr = params.substring(start, end) + "\n";
                                                }
                                                newParamsName += tempStr;
                                            }

                                        } else {
                                            newParamsName = params;
                                        }
                                        return newParamsName
                                    },
                                    //rotate:50,
                                },
                                axisTick: {
                                    alignWithLabel: true
                                }
                            }],
                            yAxis: [{
                                type: 'value'
                            }],
                            barMaxWidth: '30',
                            label:{
                                show:true,
                                position:'top',
                                formatter:function(params){
                                    // return params.value+'%'
                                    return params.value
                                }
                            },
                            series: [

                                {
                                    name: '文章观看量',
                                    type: 'bar',
                                    data: res.data.yData
                                }
                            ]
                        };
                        echartsRecords4.setOption(option4);
                    }

                }
			});
		</script>
	</body>
</html>
